<template>
	<view style="padding: 15rpx;">
		<view class="" style="text-align: center;margin: 20rpx auto;">
			<view class="" style="">
				<h4>学习打开</h4>
			</view>
			<view class="">
				32
			</view>
		</view>
		
		<uni-calendar 
			ref="calendar"
			:selected="info.selected"
			:insert="true"
			@confirm="confirm"
			 />
			 
		<view class="" >
			<h2 style="margin: 15rpx 0px;">近期打卡</h2>
			<uni-list v-for="(item,index) in 5">
				<uni-list-item showArrow title="11月22" note="123"></uni-list-item>
			</uni-list>
			
		</view>
			 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:{
					selected:[
						{
							date:"2023-11-22",
							info:"打卡"
						},
					]
				}
				
			}
		},
		methods: {
					confirm(e) {
						console.log(e);
					}
			
		}
	}
</script>

<style>

</style>
